<wicket:extend>
	<div class="commit-detail m-2 m-sm-5">
		<div class="card info mb-5">
			<ul class="list-group list-group-flush">
				<li class="list-group-item message">
					<div class="subject d-flex flex-wrap align-items-center">
						<h4 wicket:id="title" class="mr-3 mb-0"></h4>
						<div class="ml-auto">
							<a wicket:id="browseCode" title="browse code" class="btn btn-light btn-hover-primary btn-xs btn-icon"><wicket:svg href="files" class="icon"></wicket:svg></a>
							<a wicket:id="createBranch" title="Branch from this commit" class="btn btn-light btn-hover-primary btn-xs btn-icon ml-1"><wicket:svg href="branch" class="icon"></wicket:svg></a>
							<a wicket:id="createTag" title="Tag this commit" class="btn btn-light btn-hover-primary btn-xs btn-icon ml-1"><wicket:svg href="tag" class="icon"></wicket:svg></a>
						</div>
					</div>
					<pre wicket:id="detail" class="detail mb-0 mt-3"></pre>
				</li>
			    <li wicket:id="refs" class="list-group-item refs"></li>
			    <li class="list-group-item contribution-and-parents d-flex flex-wrap align-items-center">
					<div class="contribution">
						<span wicket:id="contributorAvatars" class="avatars"></span>
						<span wicket:id="contribution" class="name ml-2"></span>
					</div>
					<a wicket:id="signature" class="ml-2"></a>
					<div class="commit ml-5">
						<span wicket:id="hash" class="hash"></span>
						<a wicket:id="copyHash" class="copy btn btn-xs btn-icon btn-light btn-hover-primary"><wicket:svg href="copy" class="icon"></wicket:svg></a>
					</div>
					<div wicket:id="parents" class="parents ml-4"></div>
				</li>
		        <wicket:enclosure child="jobs">
			    <li class="list-group-item refs d-flex flex-wrap pb-1">
		            <div wicket:id="jobs" class="job mr-3 mb-3">
						<span wicket:id="jobInfo"></span>
		            </div>
				</li>
		        </wicket:enclosure>
			</ul>
		</div>
	
		<div wicket:id="revisionDiff" class="card changes p-5"></div>	
	</div>
	
	<wicket:fragment wicket:id="refsFrag">
		<span wicket:id="refs">
			<a wicket:id="link" class="mr-2"><svg wicket:id="icon" class="icon mr-1"/><span wicket:id="label"></span></a>
		</span>
	</wicket:fragment>
	<wicket:fragment wicket:id="multiParentsFrag">
		<div class="multiple">
			<span wicket:id="count" class="mr-2"></span>  
			<div wicket:id="parents" class="parent btn-group mr-2">
				<a wicket:id="link" title="Show commit of this parent" class="commit btn btn-outline-secondary btn-sm"><span wicket:id="label"></span></a>
				<a wicket:id="diff" title="Compare with this parent" class="diff btn btn-outline-secondary btn-sm"><wicket:svg href="diff" class="icon"></wicket:svg></a>
			</div>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="singleParentFrag">
		<div class="single">
			<span>1 parent</span>  
			<a wicket:id="parent" class="parent hash"><span wicket:id="label"></span></a>
		</div>
    </wicket:fragment>
	<wicket:fragment wicket:id="projectTitleFrag">
		<span class="d-flex align-items-center">
			<a wicket:id="commits">Commits</a>
			<span class="dot"></span>
			<span wicket:id="commitHash"></span>
		</span>
	</wicket:fragment>
</wicket:extend>
